i{ font-style: normal; }

body{ background: #f0f2f2; font-family: '微软雅黑', 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif}
.name{ color: #333; margin: 0; font-weight: normal;font-size: 12px; }
.tel{ color: #a4a5a8; margin: 0; font-weight: normal; font-size: 12px;}

/*******头部*********/
.header{ padding: 0 10px;  background:#7d8488; }
.header-in { margin-top: 0px; height: 23px; overflow: hidden;}
.header ul{ float: right; margin-top:0;height: 23px; color:#fff; overflow:hidden;}
.hd_l{ padding-right:20px;height: 23px;  background:url(fg.jpg) no-repeat right center;}
.header li{ float:left;  height:23px; overflow:hidden;  line-height:23px;margin-left:15px; font-size: 12px; list-style: none;}

.logo{ padding: 0 10px;  width:100%; height:60px; background:#fff; overflow:hidden;}
.logo img{ float: left; margin-top:10px;}
.logo span{ display:block; font-size:18px; color:#888988; margin:23px 0 0 10px; float:left;}

.m_t{ width:100%; padding:35px 0 50px 0;font-size:14px;}
.pay-title-l{ float:left; color:#585656; margin-left:10px;}
.pay-title-l i{ color:#00a2e9;}
.m_t span{ display:block; float:right; margin-right:20px;}
.m_t span b{ font-size:30px; color:#e67000;}

/*******主体内容*********/
.m_c{ width:100%; height:525px; background:#fff; border-bottom:3px solid #b3b3b3; border-top:3px solid #b3b3b3; overflow:hidden;}
.m_cl{ width:600px; float:left; position:relative;}
.m_cl_f{ position:absolute; left:348px; top:100px;}
.m_cl_f img{ width:200px;}
.m_cl_m{ padding:0; text-align:center; float:left; font-size:14px; color:#575555; margin:20px 0 0 140px;}
.zfb-l h4{ margin-top: 40px;  margin-bottom:20px;}
.zfb-l h4 p{margin:0 auto; padding:5px;font-size:20px;text-align:center;color:#f60;font-weight:700;}
.zfb-l h4 p span{ font-size:18px; color: #333;font-weight:400;}
#m_tip{color:#f60;font-size:14px; padding:0;}
.m_cl_m p{ margin-top:10px;}
.ewm{ width:205px;padding:8px; box-shadow:1px 1px 5px #999; margin:0 auto; overflow:hidden;}
.ewm_c img{ width:172px;height:172px;}
.ewm_c{ padding:8px; position: relative;}
#shade-img{position:absolute;z-index:1;top:8px;left:9px;}
.ewm_b{ margin:10px 0 5px 18px; overflow:hidden;}
.ewm_b img{ float:left; width:30px; margin-top:4px; margin-right:10px;}
.ewm_b p{ float:left; line-height:18px; margin-top:0px;}
.m_cr{ float:right; width:350px; height:100%; background:#c9c9ca;}
.zfb-l{ height: 520px; background: #fff; border-top: 3px solid #b3b3b3; border-bottom: 3px solid #b3b3b3;}
.zfb-r{ position: relative; height: 520px; background: #fff; border-top: 3px solid #b3b3b3; border-bottom: 3px solid #b3b3b3;}
.phone-bg{position: absolute;top:10px; left: 50%; right: 50%; margin-left: -123px;  width: 246px; height: 494px; background: url(shouji.png) no-repeat;}
.m_cr_m{position: absolute; z-index:1;left: 50%; right: 50%; top:99px;margin-left: -102px;width:207px; height:333px; overflow:hidden;background:#fff;}
.m_cr_m h3{ margin:0;width:100%; height:35px; line-height:35px; background:#eeefef; text-align:center;font-size:12px;font-weight:normal;}
.m_cr_mc h4{ margin:0;text-align:center;padding:15px 0; background: #f4f5f7;}
.m_cr_mc h4 img{ margin-bottom:5px; width: 70px; height:70px; }
.je{ padding: 0 10px; margin-top:5px;padding-bottom:5px;}
.je span{ font-size: 12px; }
.je p{ position:relative; margin-top:5px; margin-bottom: 0;}
.je p i{ font-size:20px; position:absolute; top:5px; font-style: normal;}
.je p b{ font-size:30px; font-weight:bold; margin-top:20px; margin-left:25px;}

.zfb-btn{ margin: 0 10px; overflow:hidden;}
.zfb-btn a{width: 100%; margin:5px auto 0; display:block !important;}

/*******底部*********/
footer{ font-size:16px; text-align:center; color:#4c4a49; margin-top:10px;}
footer p{ margin: 10px 0; width: 100%; font-size: 12px;}

@media only screen and (max-width: 767px){
    .zfb-r{height: 400px; border: none; padding: 0; background:#fff;}
    .m_cr_m{position: static; width:100%; height: auto; background:#fff; margin: 0; }
    .zfb-l{ height: 400px; }
    .m_cr_m .title-phone{ background:#fff; border-bottom: 1px solid #dcdcdc; font-size: 16px; color: #080808; font-weight: bold; }
    .m_cr_mc h4{ padding:15px 0;}
    .m_cr_mc h4 img{ margin-bottom:10px; width: 80px; height:80px }
    .je{ padding: 0 15px; margin-top:10px;padding-bottom:10px;}
    .je p{ position:relative; margin-top:5px; margin-bottom: 0;}
    .je p i{ font-size:20px; position:absolute; top:5px; font-style: normal;}
    .je p b{ font-size:25px;margin-top:20px; margin-left:25px;}
    .je span{ font-size: 14px; }
    .account{ font-size: 18px; font-weight: bold !important;}
    .prompt-text{ font-size: 12px;color: #b6b6b6;border-bottom: 1px solid #e3e3e3;padding-bottom: 10px;}
    .te{ width:100%; height:30px; line-height:30px; color:#9c999b; border:0px; margin-top:5px; border-top:1px solid #f4f5f7; font-size: 12px;}
    .zfb-btn .btn{ padding: 15px; width:100%; height:80px;  background:#f5f6fa; overflow:hidden;}
    .zfb-btn .btn input{width: 100%; height:35px; text-align:center; color:#fff; line-height:35px; border:0; background:#1c87c9; margin:5px auto 0; display:block; border-radius:3px; cursor:pointer;}

}
@media screen and (min-width: 640px) and (max-width: 992px){
    .m_cl_m{margin: 20px 0 0 80px !important;}
    .m_cl_f{top: 150px !important;left: 280px !important;}
    .m_cl_f img{ width: 120px !important; }
}

.copy-button{ font-size: 12px;}

@media only screen and (max-width: 767px){
    .m_cr_mc{background:#f4f5f7;}
    .zfb-r{ background:#f4f5f7;}
    .xs-order{ padding: 10px 20px 20px 20px; background: #fff; border: 1px solid #f2f2f2;}
    .xs-order-num{ padding: 5px 0; text-align: center; background: #2895e8; color: #fff;}
    .order-btn{ margin-top: 20px; background:#44c2f5; border: none;font-size:18px; }
    .order-btn:hover{ background: #2895e8}
    .xs-tel{ margin-top: 20px; padding: 20px 0; background: #dcdcdc; color: #333; text-align: center}
    .xs-container{ padding: 0;}
    .xs-block{ display: block; margin-top: 10px;}
}
.time-item{ display: block}
.time-item strong {
    background: #00AEEF;
    color: #fff;
    font-size: 13px;
    font-family: Arial;
    padding: 2px 4px 2px 4px;
    margin-right: 5px;
    border-radius: 5px;
    box-shadow: 1px 1px 3px rgba(0,0,0,0.2);
}
.dialog-copy-bg{ position:absolute; top: 0px; left: 0; background: #000; width: 100%; height:100%; z-index: 100; filter:alpha(opacity:80); opacity: 0.8;}
.dialog-copy{position:absolute;left:50%;top:50%; width:300px;height:240px;margin-left:-150px;margin-top:-100px;background:#fff;z-index:101;padding:30px 20px;border-radius:10px;}
.dialog-copy i{ position: absolute; right: 10px;top: 10px; height: 20px; line-height: 20px; }
.dialog-copy i:before{ font-size: 12px;}
#dilog-money{margin-top:2px;font-size:50px;font-weight:bold;width:100%;text-align:center;}
#dilog-money-b{ text-align: center}
.am-g ul li a{ color: #f2f2f2}

.wx-l{background:#fff;max-width:1000px;}
.wx-r{position: relative;background:#fff;}
/*.wx-r img{ margin-top: 40px;}*/
.wx-container{ max-width: 900px;}
.wx-container-shadow{ background:#fff; box-shadow: 0 6px 32px rgba(0,0,0,.13);}

.wx-l h4 p{margin:0 auto; padding:5px;font-size:20px;text-align:center;color:#f60;font-weight:700;}
.wx-l h4 p span{ font-size:18px; color: #333;font-weight:400;}

.logo-wx{ padding: 0 10px;  width:100%; height:60px; background:#fff; overflow:hidden;}
.logo-wx img{ float: left; margin-top:10px;}
.logo-wx span{ display:block; font-size:18px; color:#888988; margin:19px 0 0 10px; float:left;}


@media screen and (max-width: 767px){
    .wx-l .wx-qr-box{ position: relative}
    .wx-l .wx-qr-box .ewm{position:absolute; left: 50%; margin-left: -102px}
    .wx-l h4 p{ font-size: 16px;}
    .wx-l h4 p span{ font-size: 16px;}
    .wx-l{ height:340px;}
    .wx-container-shadow{ box-shadow: none;}
    body{ background: #fff}
    .pay-title-l{ margin: 0}
    .xs-title{ background:#03b203; width: 100%; left: 0; top: 0;}
    .m_t{ padding: 10px 0; height: 45px; border-bottom: 1px solid #f0f0f0}
    .xs-title i{ color: #fff; }
}
.wx-qr-box .ewm{ padding:0; text-align:center; font-size:14px; color:#575555;}
.wx-qr-box .ewm p{ margin-top:10px;}
.wx-qr-box .ewm{box-shadow: none}
.wx-qr-box .ewm_c{ padding: 0}
.wx-qr-box .ewm_c img{ padding: 0; width: 100%; height: auto}
.wx-qr-box .ewm_b{background: #ff7674; color: #fff;margin: 10px 0 5px 0px;}
.wx-qr-box .ewm_b img{ margin: 13px;}
.wx-title{ background: #fff;}
.wx-title h3{margin:0;height:35px; line-height:35px; text-align:center;background: #03b203;border-bottom: 1px solid #dcdcdc;font-size: 16px;
    color: #fff;
    font-weight: bold;}
.wx-title p{ margin: 0; padding: 0px 10px 0 10px; height: 35px; line-height: 35px; background: #fff;border-bottom: 1px solid #f0f0f0;}
.wx-title p span{ color: #03b203;}

.helpHtml{padding:10px 20px;text-align:center}
